@import '../../ui/base'
@import './config'

.root
  min-width $width
  display flex
  max-width 96vw
  max-height 96vh
  flex-direction column
  background-color $dialog-color-white
  border-radius $dialog-border-radius
  box-shadow $zdepth-shadow-5
  opacity 0
  transition-delay $animation-delay
  transition-timing-function $animation-curve-default
  transition-duration $animation-duration
  transition-property opacity, transform
  transform translateY(-($dialog-translate-y))
  &.active 
    opacity 1
    transform translateY(0%)

.small 
  width 30vw

.normal 
  width 50vw

.large 
  width 96vw

.body
	flex-grow 2
	padding 26px 38px 38px
	overflow-y auto
	position relative
	.close 
		position absolute
		right 10px
		top 10px
	.title
		margin 0
		font-size 20px
		flex-grow 0
		margin-bottom 30px

.footer
	display flex
	flex-grow 0
	justify-content flex-end
	padding 12.8px 38px
	button
		&+button
			margin-left 15px
